<div class="row-fluid">
    <div class="span7">
        <div class="widget">
            <div class="wTitle">
                <h5>Add New Novel</h5>
            </div>
            <div class="wContent">
                <div class="formField" id="manga_add_new">
                    <input type="hidden" id="cover_hidden" value="" />
                    <div class="row-fluid">
                        <!-- Manga name  -->
                        <div class="span3">
                            <span class="fLabel" for="name">Name:</span>
                        </div>
                        <div class="span8">
                            <div class="iconField">
                                <input id="name" class="ui-wizard-content" type="text" name="name" placeholder="name">
                                <img alt="" src="<?php echo base_url(); ?>assets/img/icons/14x14/book.png">
                            </div>
                        </div>
                        <div class="span1">
                            <label class="error" for="name" generated="true">(*)</label>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <!-- Other name  -->
                        <div class="span3">
                            <span class="fLabel" for="oname">Other Name:</span>
                        </div>
                        <div class="span8">
                            <div class="iconField">
                                <input id="oname" class="ui-wizard-content" type="text" name="oname" placeholder="name">
                            </div>
                        </div>
                        <div class="span1">
                        </div>
                    </div>
                    <div class="row-fluid">
                        <!-- Author  -->
                        <div class="span3">
                            <span class="fLabel" for="author">Author:</span>
                        </div>
                        <div class="span8">
                            <div class="iconField">
                                <input id="author" class="ui-wizard-content" type="text" name="author" placeholder="author">
                                <img alt="" src="<?php echo base_url(); ?>assets/img/icons/14x14/member2.png">
                            </div>
                        </div>
                        <div class="span1">
                        </div>
                    </div>
                    <div class="row-fluid">
                        <!-- Translator  -->
                        <div class="span3">
                            <span class="fLabel" for="translator">Translator:</span>
                        </div>
                        <div class="span8">
                            <div class="iconField">
                                <input id="translator" class="ui-wizard-content" type="text" name="translator" placeholder="Translator">
                                <img alt="" src="<?php echo base_url(); ?>assets/img/icons/14x14/member2.png">
                            </div>
                        </div>
                        <div class="span1">
                        </div>
                    </div>
                    <div class="row-fluid">
                        <!-- Description  -->
                        <div class="span3">
                            <span class="fLabel" for="desc">Description:</span>
                        </div>
                        <div class="span8">
                            <div class="iconField">
                                <textarea id="desc" rows="6" name="desc" placeholder="Manga description"></textarea>
                            </div>
                        </div>
                        <div class="span1">
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span3">
                            <span class="fLabel" for="status">Status:</span>
                        </div>
                        <div class="span8">
                            <label class="formButton">
                                <input type="radio" value="1" name="status" checked="checked">
                                <span class="text-success">Updating</span>
                            </label>
                            <label class="formButton">
                                <input type="radio" value="2" name="status">
                                <span class="text-error">Finish</span>
                            </label>
                            </label>
                            <label class="formButton">
                                <input type="radio" value="3" name="status">
                                <span class="text-error">Stop</span>
                            </label>
                        </div>
                    </div>	
                    <div class="row-fluid">
                        <div class="span3">
                            <span class="fLabel" for="status">Category:</span>
                        </div>
                        <div class="span8">
                            <div class="row-fluid">
                                <?php 
                                    for($i = 0; $i < count($cats); $i++):
                                        $cat = $cats[$i];
                                        if($i % 2 == 0) {
                                            echo '<div class="row-fluid">';
                                        }
                                ?>
                                <div class="span6">
                                    <label class="formButton">
                                        <input type="checkbox" value="<?=$cat->id?>" name="cats" name="check"> 
                                        <span><?=$cat->name?></span>
                                    </label>
                                </div>
                                <?php 
                                    if ($i % 2 == 1 || $i == count($cats) - 1 ) {
                                        echo '</div>';
                                    }
                                    endfor;
                                ?>
                            </div>    
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12" align="center">
                            <input id="add_new_manga_reset" class="button sButton bSky ui-wizard-content ui-formwizard-button" type="button" value="Reset">
                            <input id="add_new_manga_submit" class="button sButton bOlive ui-wizard-content ui-formwizard-button" type="button" value="submit">
                        </div>
                    </div>
                    <div class="row-fluid hide" id="err_msg">
                        <div class="span12" align="center">
                            <div class="alert alert-error noMargin">
                            </div>
                        </div>
                    </div>	
                </div>
            </div>
        </div>
    </div>
    <div class="span5">
        <div class="widget">
            <div class="wTitle">
                <h5>Cover <i class="coverLoading"></i></h5>
            </div>
            <div class="wContent">
                <div class="row-fluid">
                    <div class="span5">
                        <ul class="thumbs span11" align="center">
                            <li class="cover_wpr">
                                <a href="#" class="uploadCover" id="uploadCover"></a>
                            </li>
                        </ul>
                    </div>
                    <div class="span7">
                        <div class="formField">
                            <ul>
                                <li>Click on image beside to upload new cover.</li>
                                <li>The cover will be resize to 200x300 dimension.</li>
                                <li>Only PNG, JPG, JPEG are allowed.</li>
                            </ul>
                        </div>
                        <div class="coverErr">
                            <ul class="text-error"></ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>